import { useIntersectionObserver } from '@vueuse/core'
// 定义懒加载插件
export const lazyPlugin={
  install(app){
    //懒加载逻辑
    //定义全局指令
app.directive('img-lazy',{
  mounted(el,binding){
    //el:指令绑定的那个元素 img
    //binging：binging.vlaue 指令等于号后面绑定的表达式的值 图片url
    console.log(el,binding.value)
    const {stop} =useIntersectionObserver(
      el,
      ([{ isIntersecting }]) => {
       //判断图片是否进入视口区域
       if(isIntersecting){
        //如果图片进入视口，发送图片资源请求 img.src=url
          el.src=binding.value
          stop()
       }
      },
    )
  }
})

  }
}